<!DOCTYPE HTML>
<html> 
<head> 
<meta charset="gbk">
<title>{$title}</title>
<link rel="icon" type="image/vnd.microsoft.icon" href="icon.png"/>
<style>
body,div,p,ul,ol,li,h2,section{padding:0;margin:0;color:#3E679F;font:13px/1.2 Tahoma,\5b8b\4f53,Arial;}
body{background:#fff;padding:0 10px;}
ul,li{list-style:none;}
img{vertical-align:middle;border:none;}
label{cursor:pointer;}
a{color:#3e679f; text-decoration:none;}
a:hover{color:#f60;}
#textCanvas {padding:0;width:100%;}
#textCanvas article,#textCanvas p,#textCanvas div,#textCanvas h2{width:100%;margin:0 auto;font:18px/1.4 '';color:#000;padding:10px 0;}
#textCanvas article{padding:15px 0;margin:0 auto 15px;}
#textCanvas article span {text-align:center;}
#textCanvas page{width:60px;margin:0 0 0 -15px;line-height:36px;background:#999;display:inline-block;text-align:center;font:bold 18px/1.8 '';color:#fff;border-radius:0 8px 8px 0;}
#textCanvas totalPage{display:inline;font-size:14px;}
#textCanvas p,#textCanvas ol,#textCanvas ul{text-indent:2em;}
#textCanvas li,#textCanvas div {font:18px/1.4 '';color:#000;padding:3px 0;}
#textCanvas a,#textCanvas li a {color:blue; margin:0 5px;border-bottom:1px solid blue;}
#textCanvas u {text-decoration:none;}
#textCanvas h2 {font:bold 20px/1.4 '';}
#textCanvas pre,#textCanvas blockquote{margin:0;padding:5px;font:16px/1.4 '';background:#eef1fb;border:1px solid #aaa;text-align:left;width:100%;border-radius:5px;}
#textCanvas pre p,#textCanvas pre li,#textCanvas pre div,#textCanvas blockquote p,#textCanvas blockquote li,#textCanvas blockquote div{margin:0;padding:5px;font:16px/1.4 '';}
#textCanvas code{padding:5px 0;background:#eef1fb;font-weight:700;}
#textCanvas pre code,#textCanvas blockquote code{font-weight:normal;}
#textCanvas b,#textCanvas strong {display:block;padding:10px 0;}
#textCanvas p b,#textCanvas div b,#textCanvas table b,#textCanvas p strong,#textCanvas div strong,#textCanvas table strong {display:inline;padding:0;} 
#textCanvas table {margin:0 auto;text-align:center;}
#textCanvas table p,#textCanvas table div {width:100%;}
#textCanvas img.tinyImage {float:left;margin:1em;max-width:96.5%;}
#textCanvas img.largeImage {float:none;margin:1em auto;display:block;clear:both;max-width:96.5%;}
#textCanvas p.title {font-weight:900;font-size:24px;text-align:center;}
#textCanvas p.share {padding:0;margin:0 80px 10px 0;text-align:right;float:right;}
#textCanvas p.share a {border:none;}
#textCanvas p.share img {display:inline;margin:0;}
</style>
</head>
<body>
<div id="textCanvas">{$content}</div>
<!--
<div id="d" style="postion:absolute;top:10px;left:10px;height:50px;width:200px;border:1px solid #000;">debug<br/></div>
-->
<script>
/*
var d = document.getElementById("d");
function log(tag, info){
    d.innerHTML += tag + " " +info+ "<br/>";
}
*/
var imgs = document.getElementsByTagName("img");
var screenWidth = document.documentElement.clientWidth, maxWidth = screenWidth*0.9;
document.body.onload=function(){
    
    for (var i=0,img; img=imgs[i++];){
        if (img.width > maxWidth){
            img.removeAttribute('height');
        }
    }
}
</script>
</body>
</html>